import "lib-flexible"
import { createApp } from 'vue'

import App from './App.vue'
import router from './router'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'

import { createPinia } from 'pinia'

import page from './components/app/page.vue'
import comment from './components/app/comment.vue'
import pageHeader from './components/admin/pageHeader.vue'
import pageSearch from './components/admin/pageSearch.vue'

const app = createApp(App)

for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}

const pinia = createPinia()


app.use(pinia)
app.component(page)
app.component(comment)
app.component(pageHeader)
app.component(pageSearch)

app.use(router)

app.mount('#app')
